﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Admin/Views/Shared/MainContent.Master"
    Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    菜单管理
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="fullBox">
        <div class="tabListBoxHead">
            <div style="float: left; padding-top: 3px;">
                <img src="/Content/add.png" width="16" height="16" border="0" align="absmiddle" style="margin-right: 3px;" /> 
                <%: Html.SetActionLink("创建菜单", "Edit",MShop.Core.Domain.RightFlags.Create) %>
            </div>
            <div style="float: right;">
            </div>
        </div>
        <div class="tabListBox">
            <table id="ETList" cellpadding="0" cellspacing="0">
                <thead>
                    <tr>
                        <th>
                            名称
                        </th>
                        <th>
                            编号
                        </th>
                        <th>
                            父级菜单
                        </th>
                        <th>
                            地址
                        </th>
                        <th>
                            图标
                        </th>
                           <th>
                            附属页面
                        </th>
                        <th>
                            操作
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <% foreach (var item in ViewData["menus"] as IEnumerable<MShop.Core.Domain.Menu>)
                       { %>
                    <tr <%if(!item.IsRoot)Response.Write("class='"+item.TableRowClass+"'"); %> id='<%=item.TableRowId %>'>
                        <td>
                            <%: item.Name %>                           
                        </td>
                        <td>
                            <%: item.Code %>
                        </td>
                        <td>
                            <%: item.Menu2!=null?item.Menu2.Name:"" %>
                        </td>
                        <td>
                            <%: item.Url %>
                        </td>
                        <td>
                            <%: item.Icon %>
                        </td>
                        <td>
                         <%=Html.ActionLink(item.MenuPage.Count.ToString(), "Index", "menupage", new { id = item.Id },null)%>
                        </td>
                        <td>
                            <%=Html.ActionImageLink("/Content/edit.png", "Edit", new { id=item.Id }, new { @title = "编辑" })%>
                            <%=Html.ActionImageLink("/Content/remove.png", "Delete", new { id=item.Id }, new { @title = "删除",@onclick="return confirm('确认删除吗?');"})%>
                        </td>
                    </tr>
                    <% } %>
                </tbody>
            </table>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphMeta" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            var windowWidth = $("#fullBox").width();
            var windowHeight = $("#fullBox").height() - 30;
            $('.tabListBox').css({ 'width': windowWidth + 'px', 'height': windowHeight + 'px' });
            $(window).resize(function () {
                var windowWidth = $("#fullBox").width();
                var windowHeight = $("#fullBox").height() - 30;
                $('.tabListBox').css({ 'width': windowWidth + 'px', 'height': windowHeight + 'px' });
            });
            $('.tabListBox').fixedHeaderTable({ footer: false, cloneHeaderToFooter: false, autoResize: true, fixCol1: true });

            $('.tabListBox').find("tbody").find("tr").each(function (i) {
                if (i % 2 == 1) {
                    $(this).find("td").addClass("tr1");
                }
            });
            $('.tabListBox').find("tbody").find("tr").mouseover(function (i) {
                $(this).find("td").addClass("tr0");
            });
            $('.tabListBox').find("tbody").find("tr").mouseout(function (i) {
                $(this).find("td").removeClass("tr0");
            });

        });
    </script>
    <script type="text/javascript" src="/js/treeTable/javascripts/jquery.treeTable.js"></script>
    <link href="/js/treeTable/stylesheets/jquery.treeTable.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#ETList").treeTable({
                childPrefix: "child-of-",
                clickableNodeNames: false, expandable: false, indent: 19, initialState: "collapsed", treeColumn: 0
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cphFooter" runat="server">
</asp:Content>
